<template>
  <div>
    <h2>我是Home的内容</h2>
    <div>
      <ul class="nav nav-tabs">
        <li>
          <!-- (1) 浏览器是会保存每一次路由的地址的,即默认的push模式
                   底层是用一个栈来保存所有路由地址,如果是push模式,则会每点击一个路由都会
                   压栈,然后退回时,修改指针指向,往回指一个
                   还有一个模式: replace模式,它不是追加的压栈,而是替换栈顶元素
               (2) router-link默认是push模式,想要变成replace模式,需要加上:replace:"true"
                   简写为replace
                  -->
          <router-link
          
            replace
            class="list-group-item"
            active-class="active"
            to="/home/message"
            >Message</router-link
          >
        </li>
        <li>
          <router-link
            replace
            class="list-group-item"
            active-class="active"
            to="/home/news"
            >News</router-link
          >
        </li>
      </ul>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "myHome",
};
</script>

<style></style>
